<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/detail.css">
    <script src="js/jquery.js"></script>

</head>
<body>
    <!-- 顶部 -->
    <div class="sitenav">
        <div class="inner">
          <ul class="sitenav-links">
            <li><a href="">中关村在线</a></li>
            <li>网站导航</li>
            <li><a href="">产品排行</a></li>
            <li><a href="">产品入库</a></li>
            <li><a href="">广告联盟</a></li>
            <li><a href="">手机客户端</a></li>
          </ul>
          <div class="sitenav-login-bar">
            <a
              id="J_NavLoginLink"
              href="login-regist.html"
              target="_blank"
              class="sitenav-login-link"
              >登录</a
            >
            <div class="sitenav-login-links">
              <a
                href=""
                target="_self"
                class="sitenav-weixin"
                title="使用微信登录"
              ></a>
              <a
                href=""
                target="_blank"
                class="sitenav-qq"
                title="使用腾讯QQ登录"
              ></a>
              <a
                href=""
                target="_blank"
                class="sitenav-weibo"
                title="使用新浪微博登录"
              ></a>
            </div>
          </div>
        </div>
    </div>
  
    <!-- 头部 -->
    <div class="header">
        <a href="" class="logo"></a>
        <div class="search-box">
          <form action="">
            <input class="search-keyword" type="text" name="" id="" />
            <input class="search-button" type="button" value="搜索" id="" />
          </form>
          <div class="search-hot-words">
            <a href="">MacBook Pro 14</a>
            <a href="">华为nova 10 Pro</a>
            <a href="">华为Mate50</a>
            <a href="">小米 12S Ultra</a>
            <a href="">苹果iPhone 14</a>
            <a href="">华为P50 Pocket</a>
          </div>
        </div>
    </div>
<!--title-->
    <div class="product-model page-title clearfix">
        <h1 class="product-model__name">苹果iPhone 13 Pro（128GB/全网通/5G版）</h1><div class="product-model__total"><a href="/series/57/35761_1.html" id="product_series_link">[<span>系列共<em>4</em>款</span>]</a>
        </div><h2 class="product-model__alias">别名：iPhone 13Pro,iPhone13Pro,iPhone13 Pro</h2><div class="product-model__subtitle">A15仿生芯片，超视网膜XDR显示屏，Pro级摄像头系统，ProMotion自适应刷新率技术</div>   
    </div>
    <!--  -->
    <div id="_j_tag_nav" class="nav">
      <ul class="nav__list clearfix">
                          <li class=" nav__item--active"><span>综述介绍</span></li>
                              <li class=""><a  href="/1343/1342491/param.shtml"  target="_self">参数</a></li>
                              <li class=""><a  href="/1343/1342491/pic.shtml"  target="_self">图片<em>(87)</em></a></li>
                              <li class=""><a  href="/1343/1342491/video.shtml"  target="_self">视频<em>(1)</em></a></li>
                              <li class="nav__item--comment"><a  href="/1343/1342491/review.shtml"  target="_self"><i class="icon"></i>点评<em>(8654)</em></a></li>
                              <li class=""><a  href="/1343/1342491/price.shtml"  target="_self">报价</a></li>
                              <li class=""><a  href="/pk/comp/1342491.shtml"  target="_self">竞品对比</a></li>
                              <li class=""><a  href="/1343/1342491/article.shtml"  target="_self">评测行情</a></li>
                              <li class=""><a  href="//bbs.zol.com.cn/sjbbs/x1342491.html"  target="_blank">论坛</a></li>
                      <li  class=""><a href="https://ask.zol.com.cn/product_1342491.html"  target="_self" >问答</a></li>        <li><a href="https://repair.zol.com.cn/57/544/p1/" target="_blank" rel="nofollow">维修</a></li>        
                  
          
                                      <li id="_j_nav_more" class="nav__more">
                  <span>更多<i class="icon"></i></span>
                  <ul class="nav__more-list">
                                              <li><a href="/1343/1342491/online.shtml" >购买</a></li>
                                              <li><a href="/1343/1342491/sale.shtml" >促销</a></li>
                                              <li><a href="/1343/1342491/fitting.shtml" >配件</a></li>
                                              <li><a href="/1343/1342491/download.shtml" >下载</a></li>
                                      </ul>
              </li>
              </ul>
    </div>

<!--商品详情  -->
    <div class="wrapper product-section clearfix">
      <div class="product-pics">
        <div class="big-pic">
          <a href=""><img id='big-pic' width="320" height="240"  src="img/product-bigpic.jpg" alt=""></a>
        </div>
        <div class="small-pic">
          <ul class="tab-bd clearfix" id="threeSmallPic">
            <li class=""><a href=""><img src="img/bigpic01.jpg" alt=""></a></li>
            <li class=""><a href=""><img src="img/bigpic02.jpg" alt=""></a></li>
            <li class=""><a href=""><img src="img/bigpic02.jpg" alt=""></a></li>
          </ul>
          <ul class=" clearfix" >
            <li class=""><a href=""><img src="img/bigpic04.jpg" alt=""></a></li>
            <li class=""><a href=""><img src="img/bigpic04.jpg" alt=""></a></li>
            <li class=""><a href=""><img src="img/bigpic06.jpg" alt=""></a></li>
          </ul>
        </div>
        <div class="view-all-pics">
          <a href>点击查看更多精彩图赏<span class="arrow">&gt;&gt;</span></a>
        </div>
      </div>
      <div class="product-price-box">
        <div class="price__reference">
            <strong>参考报价：</strong><div class="price price-normal">
              <span><b class="price-sign">￥</b><b class="price-type">7120</b></span></div>  
        </div>

        <div class="versions-model" index="0" data-spec-id="49374">
          <strong class="head-title">颜色：</strong>
          <div class="versions-model-list -open">
              <div class="ver-mo-box">
                  <div class="ver-mo-box__list clearfix">
                                                  <a href="javascript:;" data-item-id="214877" target="_self"><b></b>苍岭绿色</a>
                                                  <a href="javascript:;" data-item-id="214878" target="_self"><b></b>石墨色</a>
                                                  <a href="javascript:;" data-item-id="214879" target="_self"><b></b>金色</a>
                                                  <a href="javascript:;" data-item-id="214880" target="_self"><b></b>银色</a>
                                                  <a href="javascript:;" data-item-id="214881" target="_self"><b></b>远峰蓝色</a>
                                          </div>
              </div>
          </div>
      </div>
        <div class="versions-model" index="1" data-spec-id="35149">
          <strong class="head-title">版本类型：</strong>
          <div class="versions-model-list -open">
              <div class="ver-mo-box">
                  <div class="ver-mo-box__list clearfix">
                                                  <a href="javascript:;" data-item-id="179810" target="_self"><b></b>1TB （1TB/全网通/5G版）</a>
                                                  <a href="javascript:;" data-item-id="179811" target="_self"><b></b>128GB （128GB/全网通/5G版）</a>
                                                  <a href="javascript:;" data-item-id="179812" target="_self"><b></b>256GB （256GB/全网通/5G版）</a>
                                                  <a href="javascript:;" data-item-id="179813" target="_self"><b></b>512GB （512GB/全网通/5G版）</a>
                                          </div>
              </div>
          </div>
      </div>

      <div class="price_commerce_buttons">
        <!-- <a class="cart" id="cart" href="cart.html" target="_blank">加入购物车</a> -->
      </div>
      <div class="gocart">
        <a href="cart.html">我的购物车</a>
      </div>
      
      </div>
      
    </div>

    <script src="js/datail.js"></script>
    <script src="js/cart.js"></script>
    <script>
      
    </script>
 </body>
</html>